// basic/components/gcs-component/news/news-tab.js
Component({
    /**
     * 组件的一些选项
     */
    options: {
        addGlobalClass: true
    },
    /**
     * 组件的属性列表
     */
    properties: {
        tabData: {
            type: Array,
            default: []
        }
    },

    /**
     * 组件的初始数据
     */
    data: {
        type: 'gcs-news-tab',
        TabCur: 0,
        scrollLeft: 0,
        itemWidth: 0
    },

    /**
     * 组件的方法列表
     */
    methods: {
        // 使用 triggerEvent 方法触发自定义组件事件，指定事件名、detail对象和事件选项
        chooseClick: function (e) {
            var id = e.target.dataset.id;
            var index = e.target.dataset.index;
            var type = this.data.type;
            this.setData({
                TabCur: index,
                scrollLeft: (e.currentTarget.dataset.index - 1) * 50,
            })
            this.triggerEvent('gcsEvent', {
                id,
                type
            }, {})
        }
    },
    attached() {
        var _this = this;
        var tabData = _this.data.tabData;
        tabData.unshift({
            iID: 0,
            sTitle: "全部"
        });
        _this.setData({
            tabData: tabData
        })
        if (_this.data.tabData.length <= 4) {
            _this.setData({
                itemWidth: 100 / _this.data.tabData.length
            })
        }
    }
})